<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>03-02-layer</title>
    <link rel="stylesheet" href="03-02-layer.css">
</head>
<body>
    <button id="btn">打开弹窗</button>
    <div id="layBox" class="lay-box">
            <div class="layer-box">
                    <div class="layer-title">
                        <h3 class="layer-h3">1</h3> 
                        <i class="close-btn"></i>
                    </div>
                    
                    <div class="layer-body">
                        <div class="layer-body-box">
                            <div class="main-content">
                                <p>你好</p>
                                <p>你好1111111</p>
                                <p>你好22222222222222</p>
                                <p>你好333333333333333</p>
                                <p>你好4444444444444444444</p>
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
    </div>
    <script src="jquery-3.2.1.min.js"></script>
    <script src="03-02-layer.js"></script>
    <script>
        $("#btn").click(function(){         
            $("#layBox").tooltip("alert",{
                'title':"这是自定义标题",
                'backgroundColor':'blue',
                'width':'500px',
                'height':'400px',
                'shadow':[true,0.2]
            });
        });
    </script>
</body>
</html>